<ul id="nav-tabs" class="nav nav-tabs nav-tabs-x">
  <li role="presentation" v-bind:class="{'active': selectedTopic}"><a href="<%= apiPrefix.page %>/cms/index">文章</a></li>
  <li role="presentation"  v-bind:class="{'active': selectedMenu}"><a href="<%= apiPrefix.page %>/menu/show">分类</a></li>
</ul>
<script>
  function navTab() {
    var navTab = '<%=navTab%>';

    var navTabVue = new Vue({
      el: '#nav-tabs',
      data: {
        selectedTopic: true,
        selectedMenu: false
      }
    });

    navTabVue.selectedTopic = navTab === 'topic';
    navTabVue.selectedMenu = navTab === 'menu';
  }

  navTab()
</script>